$(function() {

    var myApp = [{
            imgName: "icon_bgoa",
            name: "办公OA",
            id: "0"
        },
        {
            imgName: "icon_jygl",
            name: "监狱管理",
            id: "1"
        }, {
            imgName: "icon_jdgl",
            name: "戒毒管理",
            id: "2"
        }, {
            imgName: "icon_sqjz",
            name: "矫正社区",
            id: "3"
        }
    ]
    layui.use('laytpl', function() {
        var laytpl = layui.laytpl;
        renderMyapp()

        function renderMyapp() { //首页我的app
            var getTpl = mhyApp.innerHTML;
            var view = document.getElementById('my-app-list');
            laytpl(getTpl).render(myApp, function(html) {
                view.innerHTML = html;
            });
        }

    })

    layui.use('layer', function() {
        var $ = layui.jquery,
            layer = layui.layer;
        $('#calendar-add-event').on('click', function() {
            layer.open({
                title: '',
                area: ['600px', '448px'],
                type: 1,
                end: function() {
                    $('#calendar').hide()
                },
                // closeBtn: 1,
                content: $('#calendar') //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
            });
            $(".scroll-test").mCustomScrollbar({
                theme: "dark",
                setHeight: '260px',
                autoHideScrollbar: true //自动隐藏滚动条
            });




        })



    })

    layui.use('laydate', function() {
        var laydate = layui.laydate;
        $('#test-n1').html('')
        laydate.render({
            elem: '#test-n1',
            position: 'static',
            //calendar: true,
            // theme: '#9963F5', //主题颜色
            btns: ['now'], //clear、now、confirm
            mark: { //日历事件标记
                // '0-10-14': '',
                // '0-12-31': '' //每年的日期
                //     ,
                // '0-0-10': '' //每月某天
                //     ,
                // '0-0-15': '',
                '2018-12-07': '', //如果为空字符，则默认显示数字+徽章
                '2018-12-08': '呵呵'
            },
            change: function(value, date) {
                console.log(value, date)
            },
            done: function(value, date) {
                // if (date.year === 2018 && date.month === 8 && date.date === 15) { //点击2018年8月15日，弹出提示语
                //     layer.msg('这一天是：中国人民抗日战争胜利73周年');
                // }
            }
        });
    })
    $('#m-add-event').on('click', function() { //添加提醒事件
        layer.prompt({
            title: '随便写点啥，并确认',
            formType: 2
        }, function(text, index) {
            layer.close(index);
            layer.msg('添加成功：' + '<br>您最后写下了：' + text);
        });
    })

})